home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / DHTML - Other / highlight-table-cells.izs < prev    next >
Text File  |  2005-09-02  |  4KB  |  106 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Highlight Table Cells Script
  4. <!/TITLE>
  5.  
  6. <!BROWSER>FF1+ IE5+ Opr7+<!/BROWSER>
  7.  
  8. <!DESCRIPTION>Give any table a "rollover" personality with this script! Using it, you can allow the cells of any given table to change color when the mouse rolls over them. This is a very powerful script that can add a little magic to any table, whatever the table is used for. The script can highlight either individual table cells (<TD>), or entire rows (<TR). You may also exclude select cells/rows from being highlighted.
  9. <!/DESCRIPTION> 
  10.  
  11. <!CATEGORY>other<!/CATEGORY>
  12.  
  13. <!SCRIPT>
  14. <!-- START OF SCRIPT -->
  15. <script type="text/javascript">
  16.  
  17. /***********************************************
  18. * Highlight Table Cells Script- ⌐ Dynamic Drive DHTML code library (www.dynamicdrive.com)
  19. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  20. * This notice must stay intact for legal use
  21. ***********************************************/
  22.  
  23. //Specify highlight behavior. "TD" to highlight table cells, "TR" to highlight the entire row:
  24. var highlightbehavior="TD"
  25.  
  26. var ns6=document.getElementById&&!document.all
  27. var ie=document.all
  28.  
  29. function changeto(e,highlightcolor){
  30. source=ie? event.srcElement : e.target
  31. if (source.tagName=="TABLE")
  32. return
  33. while(source.tagName!=highlightbehavior && source.tagName!="HTML")
  34. source=ns6? source.parentNode : source.parentElement
  35. if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
  36. source.style.backgroundColor=highlightcolor
  37. }
  38.  
  39. function contains_ns6(master, slave) { //check if slave is contained by master
  40. while (slave.parentNode)
  41. if ((slave = slave.parentNode) == master)
  42. return true;
  43. return false;
  44. }
  45.  
  46. function changeback(e,originalcolor){
  47. if (ie&&(event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")||source.tagName=="TABLE")
  48. return
  49. else if (ns6&&(contains_ns6(source, e.relatedTarget)||source.id=="ignore"))
  50. return
  51. if (ie&&event.toElement!=source||ns6&&e.relatedTarget!=source)
  52. source.style.backgroundColor=originalcolor
  53. }
  54.  
  55. </script>
  56. <!-- END OF SCRIPT -->
  57. <!/SCRIPT>
  58.  
  59. <!PREVIEW>
  60. <!-- START OF SCRIPT -->
  61. <script type="text/javascript">
  62.  
  63. /***********************************************
  64. * Highlight Table Cells Script- ⌐ Dynamic Drive DHTML code library (www.dynamicdrive.com)
  65. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  66. * This notice must stay intact for legal use
  67. ***********************************************/
  68.  
  69. //Specify highlight behavior. "TD" to highlight table cells, "TR" to highlight the entire row:
  70. var highlightbehavior="TD"
  71.  
  72. var ns6=document.getElementById&&!document.all
  73. var ie=document.all
  74.  
  75. function changeto(e,highlightcolor){
  76. source=ie? event.srcElement : e.target
  77. if (source.tagName=="TABLE")
  78. return
  79. while(source.tagName!=highlightbehavior && source.tagName!="HTML")
  80. source=ns6? source.parentNode : source.parentElement
  81. if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
  82. source.style.backgroundColor=highlightcolor
  83. }
  84.  
  85. function contains_ns6(master, slave) { //check if slave is contained by master
  86. while (slave.parentNode)
  87. if ((slave = slave.parentNode) == master)
  88. return true;
  89. return false;
  90. }
  91.  
  92. function changeback(e,originalcolor){
  93. if (ie&&(event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")||source.tagName=="TABLE")
  94. return
  95. else if (ns6&&(contains_ns6(source, e.relatedTarget)||source.id=="ignore"))
  96. return
  97. if (ie&&event.toElement!=source||ns6&&e.relatedTarget!=source)
  98. source.style.backgroundColor=originalcolor
  99. }
  100.  
  101. </script>
  102.  
  103. <!-- END OF SCRIPT -->
  104. <!/PREVIEW>
  105.  
  106. <!RELATED>NONE<!/RELATED>